<template>
  <div class="comments">
    <el-table
            class = "comment_table"
            :data="comment"
            style="width: 100%">
            <el-table-column
                prop="content"
                label="评论内容">
            </el-table-column>
            <el-table-column
                prop="commentTime"
                label="评论时间">
                <template v-slot='scope'>
                    <!-- | 叫做管道符 -->
                    {{scope.row.commentTime | dateFMT}}
                </template>
            </el-table-column>
            <!-- <el-table-column
                prop="status"
                label="状态">
            </el-table-column> -->
            <el-table-column
                label="操作">
                <!-- 插槽，可以获取到当前行的数据 -->
                <template v-slot='scope'>
                    <span @click='deleteHandler(scope.row)'>删除</span>
                </template>
            </el-table-column>
        </el-table>
        <el-row>

</el-row>
  <el-pagination
  background
  layout="prev, pager, next"
  :total="1000">
</el-pagination>
  </div>

</template>

<script>
    export default {
        
    }
</script>
export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
<style lang="scss" scoped>
.comments_table{
  height: 700px;
}
.comments{
  text-align:center
}
.item{
  margin-left: 30px;
}


</style>
